.detailContainer {
	display: flex;
	justify-content: space-between;
	.container {
		width: 480px;
	}
	.mapBox {
		width: calc(100% - 500px);
		background: white;
		padding: 0 20px;
		.mapOuter {
			width: 100%;
			height: calc(100% - 100px);
		}
	}
}

.moduleTitle {
	font-size: 14px;
	color: #323233;
	position: relative;
	font-weight: 700;
	padding: 16px;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 24px;
	&::before {
		display: block;
		content: '';
		width: 3px;
		height: 14px;
		background: #01B2A8;
		position: absolute;
		left: 0;
		top: calc(50% - 8px);
	}
}

.container{
	background: white;
	.btns{
		padding: 16px;
		background-color: #fff;
		border-radius: var(--border-radius);
		width: 100%;
	}

	:global{
		.ant-form{
			margin-bottom: 18px;
		}

		.ant-upload-list-item-name{
			display: none !important;
		}
		
	}

	.content_wrap{
		padding-inline-end: 60px;
		padding: 0 24px 24px;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		height: calc(100vh - 230px);
		overflow-y: auto;
	}

	.content{
		
		max-width: 700px;

		.up_wrap{
			:global{
		
				.ant-upload-select, .ant-upload-list-item-container{
					width: 160px !important;
					height: 120px !important;
				}
			}
		}
		.detail_wrap{
			:global{
		
				.ant-upload-select, .ant-upload-list-item-container{
					width: 135px !important;
					height: 180px !important;
				}
			}
		}
	}
	
}


.title{
	font-size: 18px;
	color: #222;
	font-weight: 700;
	text-align: center;
}

.label{
	display: block;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 14px;
	color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
}

.breadcrumb{
	font-size: 16px;
	color: #222;
	font-weight: 500;
	margin-left: -80px;
	margin-bottom: 20px;

	:global{

		.ant-breadcrumb-link{
			font-size: 16px;
			color: #222;
			font-weight: 500;
		}
	}
}


.active{
	color: var(--main-color) !important;
}

.detail_img{
	:global{
		.ant-upload-disabled{
			display: block !important;
		}
	}
}



.mapFieldsItem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	:global{
		// .ant-form-item{
		// 	width: 80%;
		// }
		.ant-form-item {
			display: block;
			width: 100%;
			margin-right: 15px;
		}
	}
	.itemBtnGroup {
		padding-bottom: 24px;
		display: flex;
		justify-content: flex-start;
		width: 20%;
		box-sizing: border-box;
		padding-left: 10px;
		:global {
			.ant-btn:first-child {
				margin-right: 10px;
			}
		}
	}
}

.pr10 {
	padding: 0 10px 0 6px;
}